<template>
  <div>
    <div class="container clearfix">
      <div class="menu_sub">
        <div class="in clearfix">
          <router-link to="/guide" exact class="menu_sub_link guide_1">办事材料/流程
          </router-link>
          <router-link to="/guide/b" class="menu_sub_link guide_2">办事通道
          </router-link>
        </div>
      </div>
    </div>
    <div class="banner"></div>
    <div class="menu_bar">
      <div class="container clearfix">
        <div class="right fr">
          当前位置：首页 > {{menu_text}}
        </div>
      </div>
    </div>
    <transition name="fade" mode="out-in">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        menu_text: '办事材料/流程'
      }
    },
    watch: {
      '$route' (to, from) {
        to.path === '/guide/b' ? this.menu_text = '办事通道' : this.menu_text = '办事材料/流程'
      }
    }
  }
</script>

<style scoped>
.banner {
  height: 200px;
  background: url(../../static/images/3_banner.jpg) center;
}
</style>

